<?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>

        <title>.::Sistema de Facturaci&oacute;n Salud Web::.</title>
        <!--<link type="text/css" href="common/css/custom-theme-fritolay/jquery-ui-1.8.4.custom.css" rel="stylesheet" />-->
        <link type="text/css" href="common/css/custom-theme-fritolay/jquery-ui-1.8.4.custom.css" rel="stylesheet" />
        <script type="text/javascript" src="common/js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="common/js/jquery.ui.all.js"></script>
        <script type="text/javascript" src="common/js/jquery.layout.js"></script>
        <script type="text/javascript" src="common/js/jquery-ui-1.8.16.custom.min.js"></script>
        <script type="text/javascript" src="common/js/calendarioui-es.js"></script>
        <script type="text/javascript" src="common/js/global.js"></script>
        <script type="text/javascript" src="common/js/banner.js"></script>
        
        <script type="text/javascript" src="common/js/fg.menu.js"></script>        
        <script type="text/javascript" src="common/js/control_menu.js"></script>
        <link rel='stylesheet' href='common/css/fg.menu.css' type='text/css' media='all' /> 
        <link type="text/css" href="common/css/global.css" rel="stylesheet" />
        <!--
        <link type="text/css" href="common/css/imagescroller.css" media="screen" rel="stylesheet" />
        -->

        <script type="text/javascript">
/*
                $(document).ready(function(){
                    $(".ui-layout-pane-center")
                    .tabs({
                        change: function () {  }
                    })
                    .find(".ui-tabs-nav")
                    .sortable({ axis: 'x', zIndex: 2 })
                    ;
                })*/
        </script>
        
        <script>
            $(document).ready(
            	function(){
                    // or from an external source
		$.get('template/menu.html', function(data){ // grab content from another page
			$('#flyout').menu({ content: data, flyOut: true });
		});
                
                //cargar informacion inicial de ventas
                //document.getElementById('contenidoifr').src = '/VentasMovil/faces/reportes/graficas/principal.jsp';
                
                
		});
        </script>
        
        
        

        <style>
            /*
                 *	TAB-THEME ADJUSTMENTS
            */
            .ui-tabs-nav li {
                white-space:	nowrap;
            }
            .ui-tabs-nav li a {
                font-size:		1em !important;
                padding:		4px 1.5ex 3px !important;
            }
            .ui-tabs-panel {
                font-size:		1em !important;
                padding:		0 1em !important;
            }


            .ui-layout-pane-center {
                background:	#FFD; /* to make pane background stand-out */
                padding:	10px;
            }
            .ui-layout-pane-center .ui-tabs-nav {
                /* remove rounded corners from bottom of 'tabs'*/
                -moz-border-radius-bottomleft:		0;
                -moz-border-radius-bottomright:		0;
                -webkit-border-bottom-left-radius:	0;
                -webkit-border-bottom-right-radius:	0;
            }
            /* add border to the content-div - looks like border on the tab-panel */
            .ui-layout-pane-center .ui-layout-content {
                background:	#FFF;
                border:			1px solid #AAA;
                border-top:		0;
                /* hard-coded the ui-corner-bottom class to this div to round the corners */
            }

        </style>


    </head>

    <body>
        
        <div class="div_header">               
            <table width="100%" style="border: none">
                <tr align="left">
                    <td style="border: none">
                        <a tabindex="0" href="template/menu.html" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all" id="flyout" style="text-decoration: none; padding: 7px">
                <span >&nbsp;&nbsp;&nbsp;Salud Web&nbsp;&nbsp;&nbsp;</span></a>
                    </td>
                    
                </tr>
            </table>
            
            
        </div>
        
        
<!--
    
        <div class="ui-layout-west">
            <div id="accordion1" class="basic">

                <h3><a href="#">Producci&oacute;n</a></h3>
                <div>
                    <p>
                        <button id="citasBtn">Citas M&eacute;dicas</button>
                    </p>
                    <p>
                        <button id="facturacionBtn">Facturaci&oacute;n</button>
                    </p>
                    <p>
                        <button id="historiaBtn">Historia Cl&iacute;nica</button>
                    </p>                                    
                    <p>
                        <button id="planpypBtn">Planeaci&oacute;n PYP</button>
                    </p>
                    <p>
                        <button id="admisionBtn">Admisi&oacute;n</button>
                    </p>
                </div>


                <h3><a href="#">Contrataci&oacute;n</a></h3>
                <div>

                    <div class="botonesContrato">
                        <p>
                            <button id="contratoBtn">Contrato</button>
                        </p>
                        <p>
                            <button id="pacienteBtn">Pacientes</button>
                        </p>
                        <p>
                            <button id="cargaPacienteBtn">Carga Pacientes</button>
                        </p>
                    </div>
                </div>


                <h3><a href="#">Gesti&oacute;n</a></h3>
                <div>

                    <div>
                        <p>
                            <button id="ripsBtn">Generaci&oacute;n Rips</button>
                        </p>
                        <p>
                            <button id="facturasBtn">Facturas</button>
                        </p>                                
                    </div>
                </div>


                <h3><a href="#">Administraci&oacute;n</a></h3>
                <div>
                    <p>
                        <button id="actBtn">Actividades</button>
                    </p>
                    <p>
                        <button id="grupoActBtn">Grupo Actividad</button>
                    </p>
                    <p>
                        <button id="entidadBtn">Entidades</button>
                    </p>
                    <p>
                        <button id="medicoBtn">Medicos</button>
                    </p>
                    <p>
                        <button id="especialidadBtn">Especialidades</button>
                    </p>
                    <p>
                        <button id="manualBtn">Manuales</button>
                    </p>
                    <p>
                        <button id="agendaBtn">Agenda M&eacute;dica</button>
                    </p>
                    <p>
                        <button id="pypBtn">Programas PYP</button>
                    </p>
                    <p>
                        <button id="actpypBtn">Actividades PYP</button>
                    </p>
                    <p>
                        <button id="reglaBtn">Reglas Liquidaci&oacute;n</button>
                    </p>

                </div>

            </div>

        </div>
-->

        <b class="ui-tabs-selected"></b>


       

        <!--CONTENIDO LADO DERECHO-->
        <!--
        <div class="ui-layout-east">
                Contenido opcional de lado derecho
                <br />
                <table>
                    <tr>
                        <td>Seleccion Fecha</td>
                        <td><input id="datepicker" size="10" type="text" />      </td>
                    </tr>
                </table>
                <p><button onclick="myLayout.close('east')">Cerrar Panel</button></p>
        </div>
        -->      
        
        <div class="div_contenido">
            
                <table width="100%">
                    <tr>
                        <td style="border: 0px">
                            <iframe src="" id="contenidoifr" width="100%" height="600px" frameborder="0" />
                        </td>
                    </tr>                    
                </table>   
        </div>
        
        <div class="div_footer">
            <center>
                Lorica C&oacute;rdoba - Colombia 2012
            </center>
        </div>
        


    </body>
</html>
